<template>
	<div style="padding: 10px 36px;">
		<el-transfer class="trans" v-model="value" 
				:data="data" :titles="['待添加人员', '已添加组人员']"/>
	</div>
</template>

<script>
export default {
  //初始加载要分配的人员
  created() {
      window.$bus.on('apply-task',this.grouApply);
      const idsString = this.$route.query.id;
      this.ids = idsString ? JSON.parse(decodeURIComponent(idsString)) : null;


      this.$api.GroupApplyPson().then(ret=>{
        for (let d of ret){
           this.data.push({key:d.id,label: d.first_name+d.last_name});
        }
      })
  },
  data(){
		return {
			value: [] , // 已选中的人员ID
			data: [] ,// 所有人员列表
      ids:null,
		}
	},
  methods:{

    grouApply(index){
      //任务中心分组选中的人员

      console.log(this.value,"///已被选中的人员的id")
      this.$api.SelectgrouApply(this.value,this.ids).then(ret=>{
          parent.$bus.emit('close-win-refresh', index);
      })
    },
  },
}
</script>

<style>
.trans .el-transfer__buttons {
	text-align: center;
}

.trans .el-transfer__button {
	display: block !important;
	margin: 8px 0 !important;
}

.trans .el-transfer-panel__body, .trans .el-transfer-panel__list {
	height: 600px !important;
}

</style>